<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>提交订单页面</title>
    <meta name="description" content="提交订单页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" th:href="@{/assets/i/favicon.png}">
    <link rel="apple-touch-icon-precomposed" th:href="@{/assets/i/app-icon}">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" th:href="@{/assets/css/amazeui.min.css}" />
    <link rel="stylesheet" th:href="@{/assets/css/amazeui.datatables.min.css}" />
    <link rel="stylesheet" th:href="@{/assets/css/app.css}" />
    <script th:src="@{/assets/js/jquery.min.js}"></script>
    <script th:src="@{/js/order.js}"></script>
</head>

<body data-type="widgets">
    <script th:src="@{/assets/js/theme.js}"></script>
    <div class="am-g tpl-g">
        <!-- 内容区域 -->
        <div class="row-content am-cf">
            <div class="row">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-6">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">账户表</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body  widget-body-lg am-fr">
                            <table width="100%" class="am-table am-table-compact tpl-table-black " id="example-r">
                                <thead>
                                    <tr>
                                        <th>账户ID</th>
                                        <th>用户ID</th>
                                        <th>账户金额</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="gradeX" th:each="account : ${accountList}">
                                        <td th:text="${account.id}"></td>
                                        <td th:id = "${account.id}+ '_accountUserId'" th:text="${account.userId}"></td>
                                        <td th:id = "${account.amount}" th:text="${account.amount}"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-6">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">库存表</div>
                            <label class="am-u-sm-3 am-form-label">异常情况</label>
                            <select id="flag">
                                <option value="0" selected>0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                            </select>
                        </div>
                        <div class="widget-body  widget-body-lg am-fr">

                            <table width="100%" class="am-table am-table-compact tpl-table-black " id="example-rd">
                                <thead>
                                    <tr>
                                        <th>库存ID</th>
                                        <th>商品编码</th>
                                        <th>商品名称</th>
                                        <th>商品价格</th>
                                        <th>库存数量</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="gradeX" th:each="storage : ${storageList}">
                                        <td th:id="${storage.id} + '_storageId'" th:text="${storage.id}"></td>
                                        <td th:id="${storage.id} + '_storageCommodityCode'" th:text="${storage.commodityCode}"></td>
                                        <td th:id="${storage.id} + '_storageCommodityName'" th:text="${storage.commodityName}"></td>
                                        <td th:id="${storage.id} + '_storageMoney'" th:text="${storage.money}"></td>
                                        <td th:id="${storage.id} + '_storageCount'" th:text="${storage.count}"></td>
                                        <td>
                                            <div class="tpl-table-black-operation">
                                                <a href="javascript:;" th:onclick="'submitOrder('+ ${storage.id} + ')'">
                                                    <i class="am-icon-pencil"></i> 立即购买
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    <!-- more data -->
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">订单表</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body  widget-body-lg am-fr">
                            <table width="100%" class="am-table am-table-compact am-table-striped tpl-table-black " id="example-rw">
                                <thead>
                                    <tr>
                                        <th>订单ID</th>
                                        <th>订单号</th>
                                        <th>用户ID</th>
                                        <th>商品编码</th>
                                        <th>商品数量</th>
                                        <th>商品金额</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="gradeX" th:each="order : ${orderList}">
                                        <td th:text="${order.id}"></td>
                                        <td th:text="${order.orderNo}"></td>
                                        <td th:text="${order.userId}"></td>
                                        <td th:text="${order.commodityCode}"></td>
                                        <td th:text="${order.count}"></td>
                                        <td th:text="${order.amount}"></td>
                                    </tr>
                                    <!-- more data -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script th:src="@{/assets/js/amazeui.min.js}"></script>
    <script th:src="@{/assets/js/amazeui.datatables.min.js}"></script>
    <script th:src="@{/assets/js/dataTables.responsive.min.js}"></script>
    <script th:src="@{/assets/js/app.js}"></script>
</body>
</html>